<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
    Welcome {{ profile.username }}!
  </h1>
  <img width="300" alt="Angular Logo" src="">
</div>


<div class="wrapper">
  <div class="menu">
    <button *ngIf="!authenticated()" name="loginBtn" (click)="login()">Login</button>
    <button *ngIf="authenticated()" name="logoutBtn" (click)="logout()">Logout</button>
    <button id="accountBtn" name="accountBtn" (click)="account()">Account</button>
    <button (click)="skipToIde()">open webIde</button>
  </div>

  <div class="content">
    <button name="publicBtn" (click)="request()">Invoke</button>

    <div class="message"><span id="message" class="{{errorClass}}">{{message}}</span></div>
  </div>
</div>

<router-outlet></router-outlet>
